<template>
  <div class="hello">
      <p class="tips"><span v-html="$t('import_file_tips1')"></span></p>
      
      <p >
        <el-upload
          class="upload-demo"
          drag
          name="file"
          :action="upload_url"
          :on-success="success"
          :before-upload="beforeUpload"
          :show-file-list="false"
          >
          <i class="el-icon-upload"></i>
          <div class="el-upload__text"><span v-html="$t('import_file_tips2')"></span></div>
        </el-upload>
      </p>
      <p >
      </p>
      <p >
       
      </p>
  </div>
</template>

<script>


export default {
  name: 'Login',
  components : {

  },
  data () {
    return {
      api_key:'',
      api_token:'',
      loading:'',
      upload_url:DocConfig.server+'/api/import/auto'
    }

  },
  methods: {

      success(data){
        this.loading.close();
        if (data.error_code === 0 ) {
          this.$router.push({path:'/item/index'});
        }else{
          this.$alert(data.error_message);
        }
      },
      beforeUpload(){
        this.loading = this.$loading();
      }
  },

  mounted(){

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>


  .hello{
    text-align: left;
    margin-left: 50px;
    margin-top: 50px;
  }

.goback-btn{
  z-index: 999;
  margin-left: 500px;
}

.tips{
  margin-left: 10px;
  margin-bottom: 50px;
  color: #9ea1a6;

}
</style>
